﻿@{ VisaApp.Helper.StringHelpers nameurl = new VisaApp.Helper.StringHelpers();}
@model VisaApp.Models.TopicModel
@{
    ViewBag.Title = Model.MetaTitle;
    ViewBag.Description = Model.metaDescription;
    ViewBag.Keywords = Model.Keywork;
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<script type="text/javascript">
    $(document).ready(function () {
        $("#continent_6").hover(function () {
            $("#link_continent_6").css("display", "block").animate({ 'opacity': '1' });
        },
    function () {
        $("#link_continent_6").css("display", "none").animate({ 'opacity': '1' });
    });

        $("#continent_1").hover(function () {
            $("#link_continent_1").css("display", "block");
        },
    function () {
        $("#link_continent_1").css("display", "none");
    });

        $("#continent_3").hover(function () {
            $("#link_continent_3").css("display", "block");
        },
    function () {
        $("#link_continent_3").css("display", "none").animate({ 'opacity': '1' });
    });

        $("#continent_8").hover(function () {
            $("#link_continent_8").css("display", "block");
        },
    function () {
        $("#link_continent_8").css("display", "none").animate({ 'opacity': '1' });
    });

        $("#continent_9").hover(function () {
            $("#link_continent_9").css("display", "block");
        },
    function () {
        $("#link_continent_9").css("display", "none").animate({ 'opacity': '1' });
    });

        $("#continent_5").hover(function () {
            $("#link_continent_5").css("display", "block");
        },
    function () {
        $("#link_continent_5").css("display", "none").animate({ 'opacity': '1' });
    });

        $("#link-continent_6").hover(function () {
            $("#link_continent_6").css("display", "block").animate({ 'opacity': '1' });
        },
    function () {
        $("#link_continent_6").css("display", "none").animate({ 'opacity': '1' });
    });

        $("#link-continent_1").hover(function () {
            $("#link_continent_1").css("display", "block");
        },
    function () {
        $("#link_continent_1").css("display", "none");
    });

        $("#link-continent_3").hover(function () {
            $("#link_continent_3").css("display", "block");
        },
    function () {
        $("#link_continent_3").css("display", "none").animate({ 'opacity': '1' });
    });

        $("#link-continent_8").hover(function () {
            $("#link_continent_8").css("display", "block");
        },
    function () {
        $("#link_continent_8").css("display", "none").animate({ 'opacity': '1' });
    });

        $("#link-continent_9").hover(function () {
            $("#link_continent_9").css("display", "block");
        },
    function () {
        $("#link_continent_9").css("display", "none").animate({ 'opacity': '1' });
    });

        $("#link-continent_5").hover(function () {
            $("#link_continent_5").css("display", "block");
        },
    function () {
        $("#link_continent_5").css("display", "none").animate({ 'opacity': '1' });
    });

    });
    

</script>

<div style="height:8px"></div>

<div class="ContentHome">
    <div class="mapsHome">
        <div id="worldmap_box3" class="box tracked v2_worldmap">
            <h2>
                Bạn hãy chọn 1 khu vực để xem thông tin .</h2>
            <div id="continent_list_wrapper">
                <ul id="continent_list" class="contlist_v2 world_map_lp_list">
                    <li><a id="link-continent_6" data-id="continent_6" href="/vi-sa/khu-vuc/150/@nameurl.RemoveSign4VietnameseString("Châu Âu")">
                        <span></span>Châu Âu</a> </li>
                    <li><a id="link-continent_1" data-id="continent_1" href="/vi-sa/khu-vuc/019/@nameurl.RemoveSign4VietnameseString("Bắc Mỹ")">
                        <span></span>Bắc Mỹ</a> </li>
                    <li><a id="link-continent_3" data-id="continent_3" href="/vi-sa/khu-vuc/300/@nameurl.RemoveSign4VietnameseString("Nam Mỹ")">
                        <span></span>Nam Mỹ</a> </li>
                    <li><a id="link-continent_8" data-id="continent_8" href="/vi-sa/khu-vuc/142/@nameurl.RemoveSign4VietnameseString("Châu Á")">
                        <span></span>Châu Á</a> </li>
                    <li><a id="link-continent_9" data-id="continent_9" href="/vi-sa/khu-vuc/009/@nameurl.RemoveSign4VietnameseString("Châu Đại Dương")">
                        <span></span>Châu Đại Dương</a> </li>
                    <li class="no_border"><a id="link-continent_5" data-id="continent_5" href="/vi-sa/khu-vuc/002/@nameurl.RemoveSign4VietnameseString("Châu Phi")">
                        <span></span>Châu Phi</a> </li>
                </ul>
            </div>
            <div id="map_holder_wrapper" class="world_map_lp">
                <div id="map_holder_v2">
                    <img id="trans_map_v2" src="http://r.bstatic.com/static/img/trans30.gif" alt="worldmap"
                        usemap="#world_map" width="524" height="303">
                    <map id="world_map_v2" name="world_map">
                        <area id="continent_6" href="/vi-sa/khu-vuc/150/@nameurl.RemoveSign4VietnameseString("Châu Âu")" shape="poly" coords="226,116,231,122,253,120,264,111,267,123,288,128,301,122,316,109,318,97,332,96,336,14,315,43,292,41,274,38,245,74,233,71,226,57,216,36,232,19,211,1,161,3,128,19,163,40,162,65,176,71,197,52,204,51,206,63,220,64,231,99"
                            alt="Châu Âu" onfocus="javascript:this.blur();">
                        <area id="continent_1" href="/vi-sa/khu-vuc/019/@nameurl.RemoveSign4VietnameseString("Bắc Mỹ")" shape="poly" coords="7,38,3,78,22,66,48,83,69,148,103,168,124,180,136,174,146,154,122,138,145,108,169,101,153,71,139,59,157,51,136,26,126,17,160,3,127,0,65,13,43,37,42,36"
                            alt="Bắc Mỹ" onfocus="javascript:this.blur();">
                        <area id="continent_3" href="/vi-sa/khu-vuc/300/@nameurl.RemoveSign4VietnameseString("Nam Mỹ")" shape="poly" coords="123,185,144,167,180,195,198,202,183,247,151,277,144,313,125,293,133,234,117,202,123,190"
                            alt="Nam Mỹ" onfocus="javascript:this.blur();">
                        <area id="continent_8" href="/vi-sa/khu-vuc/142/@nameurl.RemoveSign4VietnameseString("Châu Á")" shape="poly" coords="339,14,333,33,335,95,317,100,318,113,301,124,294,132,294,130,301,142,302,154,324,171,343,153,352,169,372,193,383,168,392,208,417,217,427,222,447,215,458,213,457,192,439,189,421,185,418,176,403,185,417,161,438,147,466,127,462,106,504,80,518,37,409,13,371,24"
                            alt="Châu Á" onfocus="javascript:this.blur();">
                        <area id="continent_9" href="/vi-sa/khu-vuc/009/@nameurl.RemoveSign4VietnameseString("Châu Đại Dương")" shape="poly" coords="421,225,403,242,412,263,435,261,457,273,464,294,481,285,511,294,514,260,484,252,472,211,458,189,460,214,445,216"
                            alt="Châu Đại Dương" onfocus="javascript:this.blur();">
                        <area id="continent_5" href="/vi-sa/khu-vuc/002/@nameurl.RemoveSign4VietnameseString("Châu Phi")" shape="poly" coords="228,124,212,151,225,189,250,190,266,259,286,268,306,250,327,234,317,216,306,205,329,177,300,157,295,134,266,128,264,120,238,125"
                            alt="Châu Phi" onfocus="javascript:this.blur();">
                    </map>
                    <h3 class="activelabels link_continent " id="link_continent_6" style="display: none;">
                        <span>Châu Âu</span>
                    </h3>
                    <h3 class="activelabels link_continent " id="link_continent_1" style="display: none;">
                        <span>Bắc Mỹ</span>
                    </h3>
                    <h3 class="activelabels link_continent " id="link_continent_3" style="display: none;">
                        <span>Nam Mỹ</span>
                    </h3>
                    <h3 class="activelabels link_continent " id="link_continent_8" style="display: none;">
                        <span>Châu Á</span>
                    </h3>
                    <h3 class="activelabels link_continent " id="link_continent_9" style="display: none;">
                        <span>Châu Đại Dương</span>
                    </h3>
                    <h3 class="activelabels link_continent " id="link_continent_5" style="display: none;">
                        <span>Châu Phi</span>
                    </h3>
                </div>
            </div>
        </div>
    </div>
    <div class="listResgeditVisa">
        <div class="folderLeftMaps">
            @Html.Action("FromVisa", "Visa", new { codechau = string.Empty, idQuocgia = 0 })
        </div>
    </div>
    <div class="clear">
    </div>
    <div class="bodyArictileLeft">
        <div class="folderLeftBody">
            <div class="folder-titleBody">
                <div class="folder-activeleft fl">
                </div>
                <div class="folder-active fl">
                    <a class="link-folder" title="Tỷ giá" href="/thong-tin-huu-ich">Thông tin hữu ích</a>
                    <img alt="" src="/Content/images/souc.png">
                </div>
                <div class="folder-activeright fl">
                </div>
                <div class="subfolder fl">
                </div>
                <div class="folder-titleright fr">
                </div>
                <div class="fr" style="padding-top: 3px">
                </div>
            </div>
            <!-- home text -->
            <div class="folder-content">
                <div style="display: inline-block">
                    <div class="box-middle1 box-weather fl">
                        <script type="text/javascript">
                            $(document).ready(function () {
                                $(".ListTinHuuIch").slimScroll({
                                    color: '#888',
                                    height: '230px',
                                    //alwaysVisible: true,
                                    railOpacity: 0.3,
                                    wheelStep: 50,
                                    allowPageScroll: false,
                                    disableFadeOut: false
                                });
                            });

                        </script>
                        <div class="leftBox">
                            @Html.Action("GetThongtinHuuIchHomePage", "News", null)
                        </div>
                        <div class="rightBox">
                            @Html.Action("_finduS", "Home", null)
                        </div>
                        <div class="clear">
                        </div>
                    </div>
                </div>
            </div>
            <!-- end home text -->
            <div class="folder-bottom">
            </div>
        </div>
        <div class="folderLeftBody" style="height: 275px">
            <div class="folder-titleBody">
                <div class="folder-activeleft fl">
                </div>
                <div class="folder-active fl">
                    <a class="link-folder" title="Tỷ giá" href="/cau-hoi-thuong-gap">Câu hỏi thường gặp</a>
                    <img alt="" src="/Content/images/souc.png">
                    @Html.ActionLink("Gởi câu hỏi", "EmailGoiCauHoi", "News", null, new { @class = "btnsubmit2 button_a addPopup", data_dialog_id = "EmailGoiCauHoi", data_dialog_title = "Gởi câu hỏi" })
                </div>
                <div class="folder-activeright fl">
                </div>
                <div class="subfolder fl">
                </div>
                <div class="folder-titleright fr">
                </div>
                <div class="fr" style="padding-top: 3px">
                </div>
            </div>
            <!-- home text -->
            <div class="folder-content">
                <div style="display: inline-block">
                    <div class="box-middle1 box-weather fl">
                        <script type="text/javascript">
                            $(document).ready(function () {
                                $(".cauhoithuonggap").slimScroll({
                                    color: '#888',
                                    height: '230px',
                                    width: '497px',
                                    //alwaysVisible: true,
                                    railOpacity: 0.3,
                                    wheelStep: 50,
                                    allowPageScroll: false,
                                    disableFadeOut: false
                                });
                            });

                        </script>
                        <div class="leftCauhoiBox">
                            @Html.Action("GetCauHoiHomePage", "News", null)
                        </div>
                    </div>
                </div>
            </div>
            <!-- end home text -->
            <div class="folder-bottom">
            </div>
        </div>
        <div class="folderLeftBodycustom">
            <div class="folder-titleBody">
                <div class="folder-activeleft fl">
                </div>
                <div class="folder-active fl">
                    <a class="link-folder" title="Tỷ giá" href="/gioi-thieu">Giới thiệu</a>
                    <img alt="" src="/Content/images/souc.png">
                </div>
                <div class="folder-activeright fl">
                </div>
                <div class="subfolder fl">
                </div>
                <div class="folder-titleright fr">
                </div>
                <div class="fr" style="padding-top: 3px">
                </div>
            </div>
            <!-- home text -->
            <div class="folder-content">
                <div style="display: inline-block">
                    <div class="box-middle1 box-weather fl">
                        <div class="contentIntro" style="height:315px;overflow: hidden;">
                            @Html.Raw(Model.NoiDung)
                        </div>
                    </div>
                </div>
            </div>
            <!-- end home text -->
            <div class="folder-bottom">
            </div>
        </div>
    </div>
    <div class="bodyArictileRight">
        <div class="folderrightBody">
            <div class="folder-titlerightBody">
                <div class="folder-activeleft fl">
                </div>
                <div class="folder-active fl">
                    <a class="link-folder" title="Tỷ giá" href="/tin-tuc">Tin tức</a>
                    <img alt="" src="/Content/images/souc.png">
                </div>
                <div class="folder-activeright fl">
                </div>
                <div class="subfolder fl">
                </div>
                <div class="folder-titleright fr">
                </div>
                <div class="fr" style="padding-top: 3px">
                </div>
            </div>
            <!-- home text -->
            <div class="folder-content">
                <div style="">
                    <div class="box-middle1 box-weather fl">
                        @Html.Action("GetNewsHomePage", "News", null)
                    </div>
                </div>
            </div>
            <!-- end home text -->
            <div class="folder-bottom">
            </div>
        </div>
        @Html.Action("TuvantrucTuyen", "News", null)
        <div class="folderrightBody" style="height: 355px">
            <div class="folder-titlerightBody">
                <div class="folder-activeleft fl">
                </div>
                <div class="folder-active fl">
                    <a class="link-folder" title="Tỷ giá" href="/y-kien-khach-hang">Ý kiến khách hàng</a>
                    <img alt="" src="/Content/images/souc.png">
                    @Html.ActionLink("Gởi ý kiến", "EmailGoiykien", "News", null, new { @class = "btnsubmit2 button_a addPopup", data_dialog_id = "EmailGoiykien", data_dialog_title = "Gởi ý kiến" })
                </div>
                <div class="folder-activeright fl">
                </div>
                <div class="subfolder fl">
                </div>
                <div class="folder-titleright fr">
                </div>
                <div class="fr" style="padding-top: 3px">
                </div>
            </div>
            <!-- home text -->
            <div class="folder-content">
                <div style="display: inline-block">
                    <div class="box-middle1 box-weather fl">
                        <script type="text/javascript">
                            $(document).ready(function () {
                                $(".GetYkienKhachangHomePage").slimScroll({
                                    color: '#888',
                                    height: '320px',
                                    width: '380px',
                                    //alwaysVisible: true,
                                    railOpacity: 0.3,
                                    wheelStep: 50,
                                    allowPageScroll: false,
                                    disableFadeOut: false
                                });
                            });

                        </script>
                        <div class="saying">
                            @Html.Action("GetYkienKhachangHomePage", "News", null)
                        </div>
                    </div>
                </div>
                <!-- end home text -->
                <div class="folder-bottom">
                </div>
            </div>
        </div>
        <div class="clear">
        </div>
    </div>
